<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?=seo_t(5,'个人发布家具转让信息')?></title>
<meta name="keywords" content="<?=seo_k(5,'个人发布家具转让信息')?>" />
<meta name="description" content="<?=seo_d(5,'个人发布家具转让信息')?>"/>
<script src="<?=$base_view?>/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="<?=$base_view?>/js/artDialog.min.js" type="text/javascript"></script>
<script src="<?=$base_view; ?>/js/formvalidator.js" charset="UTF-8" type="text/javascript"></script>
<script src="<?=$base_view; ?>/js/formValidatorRegex.js" charset="UTF-8" type="text/javascript"></script>
<script src="<?=$base_view?>/js/inc.js" type="text/javascript"></script>
<script type="text/javascript" src="<?=$base_view; ?>/js/liandong.js"></script><!-- 联动-->
<style type="text/css"><?php $this->load->view("/css/inc_index_css");?></style>
<script src="<?=$base_view; ?>/js/htip/htip.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?=$base_view; ?>/js/htip/htip.css" type="text/css" media="all" />
<script>
// 设置对话框全局默认配置
(function(){
    var d = art.dialog.defaults;
    
    // 按需加载要用到的皮肤，数组第一个为默认皮肤
    // 如果只使用默认皮肤，可以不填写skin
    d.skin = ['default', 'chrome', 'facebook', 'aero'];
    
    // 支持拖动
    d.drag = true;
    
    // 超过此面积大小的对话框使用替身拖动
    d.showTemp = 100000;
})();

function showHisList(obj) {
	var telStr = /^(13|15|18|14)[0-9]{9}$/;
	var tel = $('#onetel').val();
	if(telStr.test(tel)) {
		$(obj).attr('ref', '/index.php/home/hislist/'+tel);
		Htips(obj);
	}else {
		alert('请输入正确的手机号码');
		return false;
	}
}
</script>

<style type="text/css">

/* formvalidator */
.onShow,
.onFocus,
.onError,
.onCorrect,
.onLoad {
    padding-left:25px; 
	font-size: 12px;
	line-height:22px; 
	vertical-align:middle;
	margin-left:10px;
	width:230px;
}


.onFocus{  	
	border:1px solid #ADD0E4;  
	background:#E9F0FF url(<?=$base_img?>/images/jiaju369/onFocus.gif) no-repeat; 
}
.onError{ 	border:1px solid #ADD0E4;
	background:#E9F0FF url(<?=$base_img?>/images/jiaju369/onError.gif) no-repeat;
}
.onCorrect{ 
	background: url(<?=$base_img?>/images/jiaju369/onCorrect.gif) no-repeat;
}
.onLoad{    
	background:#E9FFEB url(<?=$base_img?>/images/jiaju369/onLoad.gif) no-repeat 3px 3px;
} 

/* /formvalidator */
.content {
	width:auto;
	padding:0 10px;
}
.conbody {
	margin-top:30px;
	
}
table.shopuser {
	margin:auto;
}
table.shopuser td {
	height:22px;
}

.desc {
	clear:both;
	line-height:26px;
	margin-top:20px;
	padding-top:10px;	
}

/* conbody_kuan-------------------------------------- */
.conbody_kuan {
	width:732px;
	overflow:hidden;
	margin:auto;
	
}

.shopusertitle {
	height:30px;
	line-height:30px;
	font-size:18px;
	font-weight:bold;
	clear:both;
	border-bottom:1px dashed #B5B5B5;
	margin-bottom:20px;
	color:#000000;
}
.shopusertime {
	font-size:15px;
	height:22px;
	line-height:22px;
}
.modify {
	float:right;
	font-size:12px;
	font-weight:lighter;
}
.modify a {
	font-size:12px;
	font-weight:lighter;
}
/* 用户资料 */
.userid {
	float:right;
	border:1px solid #E3E3E3;
	width:240px; 
	font-size:14px;
	height:auto;
	line-height:25px;
	padding:10px 10px;
	
}
/* /用户资料 */

/* /conbody_kuan------------------------------------------ */


/* userpub */
.userpub tr {
	height:30px;
}
.userpub .T {
	text-align:right;
	width:100px;
}
/* userpub表单 */
input.comm{
	width:300px;
	letter-spacing:1px;
}
/* /userpub表单 */

/* 右边提示 */
.notce1 {
	line-height:22px;
}
.fbxz {
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
}
.downsoft {
	color:#0000FF;
	text-decoration:underline;
}

#onetel,
#oneqq,
#oneemail,
#chkcode,
#price {
	letter-spacing:1px;
	font-family:Verdana, Arial;
}
</style>
<script type="text/javascript">
<?php $this->load->view('js/userpub_js');?>
</script>
</head>

<body>
<div class="container">

	<?php $this->load->view('top_view');?>
	<!--  content   -->
    <div class="content">
	<div style="width:780px; margin:auto;"><?php $this->load->view('inc_search_view');?></div>
		<div style="clear:both;"></div>
		<div class="conbody">
		<div style=" margin:auto; font-weight:bold; width:980px;text-align:left; height:33px; line-height:33px; font-size:25px; border-bottom:1px solid #000;">&nbsp;个人免费发布【家具转让信息】</div>
		<table width="980" align="center" class="shopuser no" style="margin-top:30px;" ><tr><td valign="top">
			<div class="conbody_kuan">
			<div class="shopusertitle">第一步：填写您的联系方式</div>
			<div>
			<?=$formopenuser?>
			<input type="hidden" name="userpubid" value="<?=$userpubid?>" />

			<table class="userpub no" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100" class="T">联系人：</td>
<td width="300"><input id="onecontact" name="onecontact" class="comm" type="text" value="" /></td>
<td width="332"><div id="onecontactTip"></div></td>
</tr>
<tr>
<td class="T">手机：</td>
<td><input id="onetel" name="onetel" type="text" style="width:200px;" class="comm" value="" /><input type="button" id="showHistory" name="查看已发布的信息" onclick="showHisList(this);" value="查看已发布的信息" style="cursor:pointer;width:100px; padding:0; font-size:12px;"/></td>
<td><div id="onetelTip"></div></td>
</tr>
<tr>
<td class="T"><span class="font_3">(选填)</span>QQ：</td>
<td><input id="oneqq" name="oneqq" type="text" class="comm" value="" /></td>
<td><div id="oneqqTip"></div></td>
</tr>
<tr>
<td class="T">email：</td>
<td><input id="oneemail" name="oneemail" type="text" class="comm" style="width:220px;" value="" /><input type="button" id="userQQmail" value="使用QQ邮箱" style="cursor:pointer;width:80px; padding:0; font-size:12px;"/></td>
<td><div id="oneemailTip"></div></td>
</tr>
<tr>
<td class="T">所在地：</td>
<td><input style="float:left;border:0; padding:0; margin:0;width:0px; height:0px;" type="text" id="proarea" name="proarea" value="0"  />
<!-- 联动(所在地)-->
<script type="text/javascript" src="<?=$base_url; ?>/cache/js/reg_areadetail.js"></script>
<div id="Temp2"></div>
<script type="text/javascript">
	// 来源数据处理
	j = 0;
	i = '';
	addressdetail["a_record"]=new Array();	//存储记录的记录号
	
	for(i in addressdetail["a_row"])
	{
		addressdetail["a_record"][j++]=i;
	}
	addressdetail.ObjNumber= 1 ;
	// 来源数据处理 End
	obj2 =document.getElementById("Temp2");
	var city2=new LightManAddressTree(addressdetail,"proarea");
	city2.selectshow(obj2,1); // 1 表示从父id为1开始
</script>
<!-- /联动-->
</td>
<td><div id="proareaTip"></div></td>
</tr>

<tr>
<td class="T">详细地址：</td>
<td><input id="address" name="address" type="text" class="comm" value="" /></td>
<td><div id="addressTip"></div></td>
</tr>


</table>
			</div>			
<div style="clear:both;height:30px; padding-top:30px; border-bottom:1px dashed #B5B5B5; color:#000; font-size:16px; font-weight:bold;">第二步：填写您的家具信息及上传家具图片</div>
			<div class="desc">
<table class="userpub no" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100" nowrap="nowrap" class="T">信息标题：</td>
<td width="300"><input id="proname" name="proname" type="text" class="comm" value="" /></td>
<td width="332"><div id="pronameTip"></div></td>
</tr>
<tr>
<td class="T">家具类别：</td>
<td><input style="float:left;border:0; padding:0; margin:0;width:0px; height:0px;" type="text" id="classid" name="classid" value="0" />
<!-- 联动-->
<script type="text/javascript" src="<?=$base_url; ?>/cache/js/jiajuclass.js"></script>
<div id="TempJiajuclass"></div>
<script type="text/javascript">
	// 来源数据处理
	var j=0,i='';
	jiajuclass["a_record"]=new Array();	//存储记录的记录号
	for(i in jiajuclass["a_row"])
	{
		jiajuclass["a_record"][j++]=i;
	}
	jiajuclass.ObjNumber= 1 ;
	// 来源数据处理 End
	objJiajuclass=document.getElementById("TempJiajuclass");
	var cityJiajuclas=new LightManAddressTree(jiajuclass,"classid");
	cityJiajuclas.selectshow(objJiajuclass,1); // 1 表示从父id为1开始
</script>
<!-- /联动-->

</td>
<td><div id="classidTip"></div></td>
</tr>
<tr>
<td class="T">成色：</td>
<td colspan="2">
<input type="radio" name="news" value="全新"  />全新 
<input type="radio" name="news" value="九成新" checked="checked"  />九成新 
<input type="radio" name="news" value="八成新"  />八成新 
<input type="radio" name="news" value="七成新"  />七成新 
<input type="radio" name="news" value="六成新"  />六成新 
<input type="radio" name="news" value="五成新"  />五成新 
</td>
</tr>

<tr>
<td class="T">转让价格：</td>
<td><input id="price" name="price" type="text" style="width:60px;" maxlength="8" value="" />&nbsp;元</td>
<td><div id="priceTip"></div></td>
</tr>
	<link rel="stylesheet" href="<?=$base_url?>/kindeditor/examples/index.css" />

<style type="text/css">


table.shopuser .ketable td,
table.shopuser .ketable tr {
	height:0;
}

</style>
	<script charset="utf-8" src="<?=$base_url?>/kindeditor/kindeditor-min.js"></script>
		<script>
		KE.show({
			id : 'prodescription',
			allowUpload : false,
			resizeMode : 1, //编辑器只能调整高度
			items:[  'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 
 '|',  'textcolor', 'bgcolor', 'bold',
'italic', 'underline', 'strikethrough',  '|',  'emoticons', 'link', 'unlink', '|']
		});
	</script>
<tr>
<td class="T">详细说明：</td>
<td colspan="2">
<span class="ketable"><textarea id="prodescription" name="prodescription" style="width:572px; height:230px;visibility:hidden;" >为了让您的家具尽快地转让出去，请输入详细说明！<br/>
注：如果您有多种家具请分多次发布！
</textarea>
</span></td>
</tr>
<tr>
<td valign="top" class="T">上传图片 ：</td>
<td colspan="2">
			
			<input style="width:100px;" type="button" onclick="ShowUpimg('<?=$base_header?>/home/upimg/up')" value="打开上传框" />
			
<!--						<input name="picURL" id="picURL" type="hidden" value="" />	
						<div id="display"></div>
-->						<!-- #####imgshow 开始#### -->
<style type="text/css">
	.showpic  {
		list-style-type:none;
		padding:0;
		margin:0;
		width:580px;
	}
	.showpic li {
		float:left;
		text-align:center;
		font-size:12px;
	}
	.showpic img{
		border:1px solid #ccc;
		padding:1px;
		width:130px;
		height:100px;
		margin:10px 5px;
	}
</style>
<!--
value 格式： a.jpg@b.jpg@c.jpg@
-->
	<input type="hidden" name="base_picurl" id="base_picurl" value="" />
	<input type="hidden" name="pic" id="picURL"  value="" />	
	<div id="display"></div>
<script type="text/javascript">
<!--
/*
	* 去掉最后一个字符串
	abc：待处理的字符串
*/
function delend(abc)
{
	var abclen = abc.length;
	return abc.substring(0,abclen - 1);
}
/*
	* 删除图片路径
	oid : 对象的ID
	imgurl:需要清除的字符串  如img201011150649523343109.jpg
*/
function delimgurl(oid,imgurl)
{
	if(confirm('确定删除！'))
	{
		var a = document.getElementById(oid).value;
		var b = imgurl + "@";
		c=a.replace(b,"");  
		document.getElementById(oid).value = c;
		showupimg("picURL","display");
		return true;
	}
	else 	return false;
}
/*
	* 显示图片
	inid : 内容的 ID
	outid: 用于显示的div id
*/
function showupimg(inid,outid)
{
	var imgurl = document.getElementById('picURL').value;
	if ( imgurl !="")
	{ 
		var picstr = delend(imgurl);
		var pic_url_head = "<?=$base_img1?>/user/";
		var base_picurl = document.getElementById('base_picurl').value;
		if(base_picurl != '') {
			pic_url_head = base_picurl;
		}
		var brands = new Array(); //创建数组
		var dtNum = picstr.split("@").length; //取得字符串长度
		brands = picstr.split("@"); //为数组负值
		outstr = "<ul class=\" showpic\">";
		
		var is_checked = '';
		for (i = 0; i < dtNum; i++) {
			if(i == 0) {
				is_checked = "checked";
			}else {
				is_checked = '';
			}
			outstr += "<li>";
			outstr += "<img src=\""+ pic_url_head + brands[i] +"\"/><br />"; //打印
			outstr += "<label for=\"upImg"+i+"\"><input id=\"upImg"+i+"\" type=\"radio\" onclick=\"setCoverImg('picURL','"+ brands[i] +"')\" name=\"cover_img\" "+is_checked+" />设为封面</label>&nbsp;"; //设为封面
			outstr += "<input onclick=\"delimgurl('picURL','"+ brands[i] +"')\" type=\"button\" value=\"删除\" />";
			outstr += "</li>";
		}
		outstr += "</ul>";
		document.getElementById(outid).innerHTML = outstr;
	}else document.getElementById(outid).innerHTML="";
}

/*
* 设为封面
*/
function setCoverImg(oid, imgurl) {
	if( confirm('确定设置此图片为封面图吗？') ) {
		var a = document.getElementById(oid).value;
		var b = imgurl + "@";
		c = a.replace(b, "");
		document.getElementById(oid).value = imgurl+'@'+c;
		return true;
	}else {
		return false;
	}
}


/*
	调用：显示图片
*/

//showupimg("picURL","display");


-->
</script>
<!--### imgshow 结束### --></td>
</tr>
<tr>
						<td class="T">验证码 ：</td>
						<td><input style="width:60px;" id="chkcode"  size="4" maxlength="4" name="chkcode" type="text" value="" /><span id="codeErr"></span>
						<img id="chkimg" src="<?php echo $base_header.'/imgauthcode/show';?>" title="单击更换" alt="单击更换" onclick="refresh()"  style="margin-top:5px; cursor:pointer;vertical-align:middle;" />&nbsp;<a href="javascript:refresh();" >点击更换</a>						</td>
						<td><div id="chkcodeTip"></div></td>
				</tr>
				<tr>
								<td colspan="3" align="center"><input id="usersubmit" style="width:80px;" name="" type="submit" value="确认发布 " /></td>
				</tr>
</table>
			<?=$formcloseuser?>
			</div></div></td><td width="225" valign="top">
			
<div class="notce1">
<span class="fbxz">发布须知：</span><br />
									<span class="font_2">1、 必须具有家具图片,否则无法发布<br /></span>
															
											为了让您的家具尽快地转让出去，发布的信息，必须具有清晰、整洁的家具图片！</span><br /><br />
<span class="font_2">2、每张图片的大小不能大于300K</span><br />
											手机或者数码相机拍的照片一般比较大，为了加快网页显示的速度，
											您必须将图片处理一下，控制在300K以内。<br />
											<a href="<?php echo $base_header.'/home/one/1';?>" target="_blank"><span class="downsoft">图片处理方法及软件下载 »</span><br />
											<br />
											</a> <span class="font_2">3、上传支持图片格式（jpg|gif|png）</span>						</p>
							<p><span class="font_2">4、可以批量上传</span><br />
											每次最多可以上传8张图片</p>
							
							
							
							
</div>
							
							
							
					
		<?php // $this->load->view('inc_rightad_view');?>
							</td>
		</tr></table>
		</div>
	</div>
<?php
/*
	* 下面这个表单是用来防止用户直接访问上传页面的
*/
?>
<form id="formimg1" name="formimg1" action="<?=$base_header?>/home/upimg/up" method="post" target="newimgwindow"><input name="orderid" type="hidden" value="parsuibian" /></form>

	<!--  /content   -->
<?php $this->load->view('footer_view');?>
</div>
<script type="text/javascript">/*第一个输入框获取焦点*/$('#onecontact').focus();</script>
</body>
</html>
